.head-right {
  position: absolute;
  right: 18px;
  top: 0;
  font-size: 12px;
  font-weight: 400;
  color: #ffffff;
}
.back {
  position: relative;
  height: 202px;
  background-size: 660px 305px;
  background-position: 0px 0px;
}
.back:after {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  left: 0;
  content: "";
  background: url("bg.png") no-repeat;
  background-size: 202px;
  background-position: right;
}
.back .relative {
  position: relative;
  z-index: 2;
}
.back .relative .title {
  padding: 13px 0 0 10px;
  height: 28px;
  font-size: 20px;
  font-weight: 500;
  color: #ffffff;
  line-height: 28px;
}
.back .relative .right {
  position: absolute;
  right: 10px;
  top: 16px;
  height: 22px;
  font-size: 16px;
  font-weight: 400;
  color: #f1c177;
  line-height: 22px;
}
.back .relative .activity {
  height: 73px;
  text-align: center;
  font-size: 38px;
  font-weight: 500;
  color: #f1c177;
  line-height: 73px;
}
.back .relative .activity span {
  font-size: 29px;
}
.back .relative ul {
  position: relative;
  margin-top: 22px;
  display: flex;
  justify-content: space-around;
}
.back .relative ul:after {
  position: absolute;
  content: "";
  right: 0;
  left: 0;
  top: -17px;
  height: 1px;
  width: 229px;
  margin: 0 auto;
  border-bottom: 1px solid rgba(219, 219, 219, 0.1);
}
.back .relative ul li {
  position: relative;
  flex: 1;
  text-align: center;
}
.back .relative ul li .label {
  height: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  line-height: 20px;
}
.back .relative ul li .data {
  margin-top: 10px;
  height: 22px;
  font-size: 16px;
  font-weight: 500;
  color: #f1c177;
  line-height: 22px;
}
.back .relative ul li:after {
  position: absolute;
  content: "";
  right: 0;
  top: 3px;
  height: 35px;
  width: 1px;
  border-right: 1px solid rgba(219, 219, 219, 0.1);
}
.back .relative ul li:last-child:after {
  display: none;
}
